技術文章
技術問答
My Project
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
文章
問答
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
18
0
Mobile Development
麻瓜學習 iOS 開發
系列 第
18
篇
Day18:SwiftUI Picker
13th鐵人賽
enolazxy
2021-10-03 22:19:37
2107 瀏覽
分享至
前言
SwiftUI Picker 可以讓我們自行選擇項目,
也可以選擇不同的呈現方式,
這篇文章來討論 SwiftUI Picker。
實作
打開一個新的專案,
並在 view 裡刪除 text 帶入 Picker:
這裡有一個 selection 參數,
要傳入 binding,
這有點類似於 TabView。
content 參數是一個放置要給使用者看的內容的 closure。
宣告一個 @State property 並帶入 selection 參數 :
點擊 content 參數會打開一個 trailing 並帶入 text:
添加一個 text 顯示變數 selectedIndex 的值:
由於 selection 參數的雙向綁定,
當我改變 UI 時,變數 selectedIndex 也應該隨之改變,
改變變數 selectedIndex 的值時,UI 也會隨之改變,
我們在 Text()後添加 tag:
MenuPickerStyle
上面的范例是默認 wheel 的模式,
這邊來介紹 MenuPickerStyle:
SegmentedPickStyle
關於 Picker 更詳細的內容:
Picker
留言
追蹤
檢舉
上一篇
Day17:SwiftUI— EnvironmentObject
下一篇
Day19:SwiftUI—Button
系列文
麻瓜學習 iOS 開發
共
30
篇
目錄
RSS系列文
訂閱系列文
2
人訂閱
26
Day26:TabView
27
Day27:用 EnvironmentObject 傳遞數據
28
Day28:Update the Data and the Featured View
29
Day29: Picker controller
30
Day 30 : DetailView
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
157
組
團體組數
5
組
累計文章數
653
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
如何使用AD伺服器的GPO派送執行弱掃軟體
視訊會議電視畫面顯示layout 問題請教
熱門回答
如何使用AD伺服器的GPO派送執行弱掃軟體
視訊會議電視畫面顯示layout 問題請教
熱門文章
Day5: 跟 Claude Code 對話的技巧:怎麼描述測試需求才不會雞同鴨講
Day2: 第一個測試:一句話生出會跑的 Playwright 測試
Day 02 - 側錄 Claude Code!
Day 04 - 讓模型假裝有記憶
Day 3 探索性測試最常被誤解的一件事:只看到自由,沒看到責任
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}